<template>
	<view class="success">
		<view class="nav_bar" style="background: #FFF;">
			<uni-nav-bar color="#333" left-icon="left" title="支付" :border='false' :fixed="true"
				background-color="#FFF" @clickLeft="$native.backAction()"></uni-nav-bar>
		</view>
		
		<view class="nav_box"></view>
		<view class="box flex_c">
			<view class="icon">
				<u-icon name="checkmark-circle-fill" color="#2DD9A5" size="128rpx"></u-icon>
			</view>

			<view class="title">支付成功</view>
			
			<view class="btn" @click="$util.toUrl(`/pages/order/content?id=${order_id}`)">查看详情</view>
		</view>

	</view>
</template>

<script>
	import navBar from '@/compentents/navBar/navBar.vue'
	export default {
		components: {
			navBar,
		},
		data() {
			return {
				order_id: 0,
			}
		},
		methods: {
			getPayStatus(){
				this.$post('/pay/get_pay_status', {
					order_id: this.order_id,
					// type 4 推广
					type:1,
				}, false);
			}
		},
		
		onLoad(option) {
			this.order_id = option.order_id;
			this.getPayStatus();
		},
	}
</script>

<style lang="less" scoped>
	
	.box {
		padding-top: 10vh;
		.title {
			margin: 36rpx 0 120rpx;
			font-weight: 500;
			font-size: 36rpx;
			color: #131313;
		}
	}
	.btn {
		width: 560rpx;
		height: 100rpx;
		background: #FD2A53;
		border-radius: 50rpx;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 100rpx;
		text-align: center;
	}
</style>